<template>
   <div class="leftNav">
        <ul>
            <li>
                <figure>
                    <i class="icon iconfont icon-hanbao"></i>
                    <figcaption>收银</figcaption>
                </figure>
                <figure>
                    <i class="icon iconfont icon-hanbao"></i>
                    <figcaption>汉堡</figcaption>
                </figure>
                <figure>
                    <i class="icon iconfont icon-hanbao"></i>
                    <figcaption>店铺</figcaption>
                </figure>
                <figure>
                    <i class="icon iconfont icon-dianpu"></i>
                    <figcaption>设置</figcaption>
                </figure>
                <figure>
                    <i class="icon iconfont icon-tongji"></i>
                    <figcaption>统计</figcaption>
                </figure>
            </li>
        
        </ul>
   </div> 
</template>
<script>
export default {
    

}
</script>
<style>
    .leftNav{width: 5%;height: 100%;background-color: blue;float: left;}
    .leftNav ul,.leftNav ul li{list-style: none;margin: 0;padding: 0;}
    .leftNav ul li figure{text-align: center;height: 50px;width: 100%;margin: 0;padding: 0;margin-top: 20px;}
</style>

